<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
	    <div class="navbar-header">
	        <a class="navbar-brand" href="/">首页</a>
	    </div>
	    <div>
	        <ul class="nav navbar-nav navbar-left">
	        	<li><a href="{:U('Index/index')}#M1">伙伴动态<span>1</span></a></li>
	    	 	<li><a href="{:U('Index/index')}#M2">我的游记<span>1</span></a></li>
	        	<li><a href="{:U('Index/index')}#M3">行程计划</a></li>
	        	<li class="dropdown">
	                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
	                    周边信息
	                    <b class="caret"></b>
	                </a>
	                <ul class="dropdown-menu">
	                    <li><a href="#">酒店</a></li>
	                    <li><a href="#">交通</a></li>
	                    <li><a href="#">景点</a></li>
	                    <li class="divider"></li>
	                    <li><a href="#">娱乐</a></li>
	                </ul>
	            </li>
	            <li class="dropdown">
	                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
	                    社区
	                    <b class="caret"></b>
	                </a>
	                <ul class="dropdown-menu">
	                    <li><a href="#">交友</a></li>
	                    <li><a href="#">活动</a></li>
	                    <li><a href="#">帮助</a></li>
	                    <li class="divider"></li>
	                    <li><a href="#">求助</a></li>
	                </ul>
	            </li>
	        </ul>
	        <ul class="nav navbar-nav navbar-right">
	        	<li>
	        		<a href="#" title="个人资料">
				        <button type="button" class="btn btn-default btn-sm" style="margin-left: 80px;"><span class="glyphicon glyphicon-user"></span> </button>
			        </a>
			    </li>
	        	<li>
	        		 <a href="#" title="添加好友">
				        <button type="button" class="btn btn-default btn-sm" style="margin-left: 10px;"><span class="glyphicon glyphicon-plus"></span></button>
			        </a>
			    </li>
			    <li>
			    	<a href="{:U('Admin/User/logOut')}">
				        <button type="button" class="btn btn-default btn-sm" style="margin-left: 10px;"><span class="glyphicon glyphicon-log-out" title="退出"></span></button>
			       	</a>
			    </li>
	        </ul> 
		    <form class="navbar-form navbar-right" role="search">
		        <div class="form-group">
		            <input type="text" class="form-control" placeholder="Search">
		        </div>
		        <button type="submit" class="btn btn-default">提交</button>
		    </form>
		</div>
    </div>
</nav>
<div id="main">
<div class="right">
	<!-- 侧边栏开始1 -->
	<div id="side">
	<div class="MAvatar" style="background:#ddd; width:220px;float:left;">
	    <div class="MAvaImg" >
	        <img src="http://images.mafengwo.net/images/pp120.gif" height="200" width="200" alt="天行健" alt="上传头像"><a href="/setting/avatar/" class="MAvaUp" ><i class="Mphoto"></i></a>

	        <p><a class="btn btn-primary btn-xs" role="button">上传头像</a>&nbsp;&nbsp;{$Think.cookie.username}</p>
	    </div>		
	    <div class="MAvaInfo clearfix MAvaMyInfo">
	        <span class="MAvaLevel flt1">等级：<a href="/rank/lv.php" title="Lv.1" target="_blank">Lv.1</a></span>|
	        <span class="MAvaPlace flt1" title="眉山">现居：</span>|<span class="MAvaSet"><a title="设置" href="/setting/" target="_blank"></a></span>
	    </div><p></p>
	    <div class="MAvaMore clearfix" style="background-color: white;width:100%;text-align:center" >
	        <div class="MAvaNums" style="float:left;width:33.3%;border:1px solid gray">
	            <strong><a href="#" target="_blank">1</a></strong>
	            <p>关注</p>
	        </div>

	        <div class="MAvaNums" style="float:left;width:33.3%;border:1px solid gray">
	            <strong><a href="#" target="_blank">0</a></strong>
	            <p>粉丝</p>
	        </div>

	        <div class="MAvaNums last" style="float:left;width:33.3%;border:1px solid gray">
	            <strong><a href="#">0</a></strong>
	            <p>蜂蜜</p>
	        </div>
	    </div>
	</div>
	<!-- 侧边栏结束1 -->
	<!-- 侧边栏开始2 -->
	<div class="MAvaInfo" style="background:#ddd;width:220px;float:left; margin-top: 20px;">
		<ul class="list-group" style="width:100%">
			<li class="list-group-item">
				最近浏览
			</li>
			<if condition="$history eq null">
			<li class="list-group-item">亲,没有记录噢!</li>
			<else/>
			<foreach name="history" item="his">
				<if condition="$his['cat_id'] eq 1">
			    	<li class="list-group-item"><label><span class="glyphicon glyphicon-tags">游记类</span></label><label style="overflow:hidden;text-overflow: ellipsis;display:-webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical;"><a href="">{$his['title']}</label><p style="float:left;height:38px;text-indent:2em;overflow:hidden;text-overflow: ellipsis;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;">{$his['content']}</p></a>
			    	</li>
			    <elseif  condition="$his['cat_id'] eq 2">
			    	 <li class="list-group-item"><label><span class="glyphicon glyphicon-tags">活动类</span></label><label style="overflow:hidden;text-overflow: ellipsis;display:-webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical;"><a href="">{$his['title']}</label><p style="float:left;height:38px;text-indent:2em;overflow:hidden;text-overflow: ellipsis;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;">{$his['content']}</p></a>
			    	</li>
			    <else/>
			    	<li class="list-group-item"><label><span class="glyphicon glyphicon-tags">求助类</span></label><label style="overflow:hidden;text-overflow: ellipsis;display:-webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical;"><a href="">{$his['title']}</label><p style="float:left;height:38px;text-indent:2em;overflow:hidden;text-overflow: ellipsis;display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;">{$his['content']}</p></a>
			    	</li>
			    </if>
		    </foreach>
		    </if>
		</ul>
	</div>
	<!-- 侧边栏结束2 -->
	</div>
</div>	